<template>
	<view class="container">
		<view class="layer">
			<view class="row">
				<view class="attribute">
					收货人
				</view>
				<input class="value" type="text" placeholder-class="value" placeholder="请输入收货人姓名"/>
			</view>
			<view class="row">
				<view class="attribute">
					手机号码
				</view>
				<input class="value" type="text" placeholder-class="value" placeholder="请输入手机号码"/>
			</view>
			<view class="row">
				<view class="attribute">
					收货地址
				</view>
				<view class="select">
					请选择地区
					<image class="arrow" src="../../static/langwen/arrow_right_3.png" mode=""></image>
				</view>
			</view>
			<textarea class="textarea" placeholder-style="font-size:14px;font-weight:400;color:rgba(161,165,177,1);" placeholder="详细地址:如街道门牌号等." />
		</view>
		<view class="layer clear-pr">
			<view class="row clear-border">
				<view class="attribute">
					设为默认地址
				</view>
				<view class="value">
					<image class="switch" src="../../static/langwen/switch.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
page {
	background:rgba(245,245,245,1);
}

.layer {
	background:rgba(255,255,255,1);
	padding: 0 15px;
	margin-bottom: 10px;
	&.clear-pr {
		padding-right: 0;
	}
	.row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 50px;
		border-bottom: 1px solid rgb(212,212,212);
		&.clear-border {
			border-bottom: 0;
		}
		.attribute {
			font-size:14px;
			font-weight:400;
			color:rgba(36,42,51,1);
		}
		.value {
			flex-grow: 1;
			text-align: right;
			font-size:14px;
			font-weight:400;
			color:rgba(161,165,177,1);
			.switch {
				width: 82px;
				height: 50px;
			}
		}
		.select {
			display: flex;
			align-items: center;
			font-size:14px;
			font-weight:400;
			color:rgba(161,165,177,1);
			.arrow {
				width: 24px;
				height: 24px;
			}
		}
	}
	.textarea {
		height: 100px;
		padding-top: 10px;
		font-size:14px;
		font-weight:400;
		color:rgba(161,165,177,1);
	}
}
</style>
